import { useState } from "react"
function App () {
  let [count, setCount] = useState(0)

  // 2.点击事件回调
  const handleClick = () => {
    // 直接修改 无法引发视图变化
    // count++
    // console.log(count)
    setCount(count + 1)
  }

  // 修改对象
  const [form, setForm] = useState({
    name: 'jack'
  })
  const changeForm = () => {
    // 错误写法
    // form.name = 'laofu'
    // 传入一个新的对象 使用新对象替换老对象
    setForm({
      ...form,
      name: 'laofu'
    })
  }

  return (
    <div>
      <button onClick={handleClick}>{count}</button>
      <button onClick={changeForm}>修改form{form.name}</button>
    </div>
  )
}

export default App
